<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>
    </title>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dijit/themes/soria/soria.css">
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dojox/grid/resources/Grid.css"> 
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dojox/grid/resources/SoriaGrid.css"> 
    <link rel="stylesheet" type="text/css" href="/css/layout.css">
    <script type="text/javascript">
      var djConfig = {
        parseOnLoad: true
      };
    </script>
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1">
    </script>
    <script type="text/javascript" src="/js/ags_sample2.js"></script>
    <script type="text/javascript">
      dojo.require("dijit.dijit"); // optimize: load dijit layer
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("dojox.grid.DataGrid");
    </script>
  </head>
  <body class="soria">
    <div id="mainWindow" dojotype="dijit.layout.BorderContainer" design="headline"
    gutters="true" style="width:100%; height:100%;">
      <div id="header" dojotype="dijit.layout.ContentPane"  class="roundedCorners" region="top">
        Mijn Achtertuin
      </div>
      <div id="map" dojotype="dijit.layout.ContentPane" class="roundedCorners" region="center"></div>
      <div dojotype="dijit.layout.ContentPane" id="rightPane" class="roundedCorners" region="right"  splitter="true" >
        <button dojoType="dijit.form.Button"  onClick="toolBar.activate(esri.toolbars.Draw.EXTENT);">Select</button>
        <button dojoType="dijit.form.Button"  onClick="toolBar.deactivate();featureLayer.clearSelection();">Clear</button>
        <table dojotype="dojox.grid.DataGrid" jsid="grid" id="grid" style="width:100%;height:100%;" selectionMode="none"> 
         <thead> 
            <tr> 
              <th field="depth">Laag</th>  
            </tr> 
          </thead> 
        </table>
      </div>
      <div id="footer" class="roundedCorners" dojotype="dijit.layout.ContentPane" region="bottom">
        Gemaakt met de ArcGIS Server Javascript API.
      </div> 
      </div>
  </body>
</html>
